<%- include('layout/header', { title: '微博 - 首页' , isNav: true, list: true, isInputBlog: true })%>

  <div class="container margin-top-20">
    <div class="row">
      <!-- 左侧 -->
      <div class="col-8">
        <!-- 输入框 -->
        <%- include('widgets/input')%>
          <!-- 微博列表 -->
            <% if (blogData.isEmpty) { %>
            <div>
              <center>暂无数据</center>
            </div>
            <% } else { %>
              <!-- 微博列表 -->
              <div id="container-weibo-list" class="weibo-list">
                <%- include('widgets/blog-list', { blogList: blogData.blogList, canReply: true })%>
              </div> <!-- 微博列表 结束 -->
              <!-- 加载更多 -->
              <% if (blogData.count> blogData.blogList.length) { %>
                <%- include('widgets/load-more', { pageSize: blogData.pageSize, pageIndex: blogData.pageIndex, count:
                  blogData.count, containerSelector: '#container-weibo-list' , api: '/api/blog/loadMore' , })%>
                  <% } %>
                    <!-- 加载更多 结束 -->
                    <% } %>
      </div> <!-- 左侧结束 -->

      <!-- 右侧 -->
      <div class="col-4">
        <!-- 个人信息 -->
        <div class="right-item">
          <%- include('widgets/user-info', { userInfo: userData.userInfo, isMe: true, amIFollowed: false });%>
        </div>

        <!-- 粉丝 -->
        <%- include('widgets/fans', { count: userData.fansCount, userList: userData.fansList })%>
          <!-- 关注 -->
          <%- include('widgets/followers', { count: userData.followersCount, userList: userData.followersList })%>
      </div> <!-- 右侧结束 -->
    </div>
  </div>

  <%- include('layout/footer')%>